<template>
  <div>
    <div class="picture">
      <span>头像</span>
      <img src="../../assets/img/kefu/zhanghutixian/屏幕快照 2018-03-05 17.51.12.png" />
   <router-link :to="{name: 'touxiang'}">
    <img src="../../assets/img/kefufankui/information/youjiantou.png" height="18" width="10"/>
   </router-link>

    </div>

    <!---->
    <div class="second">
      <span>昵称</span>
      <span>夏至未至</span>
      <router-link :to="{name: 'nickname'}">
      <img src="../../assets/img/kefufankui/information/youjiantou.png" height="18" width="10"/>
      </router-link>
    </div>
    <!---->
    <div class="third">
      <span>我的二维码</span>
      <img src="../../assets/img/kefu/分享二维码.png" height="278" width="276"/>
      <router-link :to="{name: 'code'}">
      <img src="../../assets/img/kefufankui/information/youjiantou.png"/>
      </router-link>
    </div>
    <!---->
    <div class="four">
      <span>我的邀请码</span>
      <router-link :to="{name: 'invite'}">
        <img src="../../assets/img/kefufankui/information/youjiantou.png" height="18" width="10"/>
      </router-link>
    </div>
    <!---->
    <div class="five">
      <span>手机号</span>
      <span>未绑定</span>
      <router-link :to="{name: 'phone'}">
      <img  src="../../assets/img/kefufankui/information/youjiantou.png" height="18" width="10"/>
      </router-link>
    </div>
  </div>
</template>
<script>
  export default {
    methods:{
      jump(){
        this.$router.push({path: '/jiainformation/code'});
      },
    }
  }
</script>
<style scoped>
  .picture{
    vertical-align: center;
  }
  .picture span{
      font-size:0.9rem;
      color: #4d4d4d;
    }
  .picture span{
    font-size:0.8rem;
    margin-left: 0.9rem;
  }
  .picture img:nth-child(2){
    width: 1rem;
    height: 1rem;
    margin-left: 10.8rem;
    padding-top: 0.1rem;

  }
  .picture img:nth-child(3){
    margin-top: 1rem;
  }
  .second span:nth-child(1){
    font-size:0.8rem;
    padding-left: 1rem;
  }
  .second span:nth-child(2){
    margin-left: 9.3rem;
    font-size:0.6rem;
    color: #4d4d4d;
  }
  /*third*/
  .third span{
    font-size:0.8rem;
    margin-left: 0.9rem;
  }
  .third img:nth-child(2){
    width: 1rem;
    height: 1rem;
    margin-left: 8.5rem;
  }
  .third img:nth-child(3){
    margin-left: 0.6rem;

  }
  .four span{
    font-size:0.8rem;
    margin-left: 0.8rem;
  }
  .four img{
    margin-left: 10rem;
  }
  .five span{
    font-size:0.8rem;
    margin-left: 0.8rem;
  }
  .five span:nth-child(2){
    margin-left: 9rem;
    color: #808080;
    font-size:0.7rem;
  }
</style>
